/**
 * app.js文件定义了Ext.application。而Ext.application中有个属性是autoCreateViewport ，
 * 这个属性是Boolean类型，如果值为true,那么Extjs4会自动加载view/Viewport.js文件，
 * 如果值为flase，那么必须要自己去创建一个View， 这就是为什么app.js和Main.js文件都没有写相关代码，也会有界面出现。
 */
Ext.define('UD.view.Viewport', {
	extend : 'Ext.Viewport',
	alias : 'widget.Viewport',
	layout : 'fit',
	hideBorders : true,
	requires : [ 'UD.view.Header', 'UD.view.Menu', 'UD.view.TabPanel',
			'UD.view.South' ],
	initComponent : function() {
		var me = this;
		Ext.apply(me, {
			items : [ {
				id : 'desk',
				layout : 'border',
				items : [ Ext.create('UD.view.Header'),
						Ext.create('UD.view.Menu'),
						Ext.create('UD.view.TabPanel'),
						Ext.create('UD.view.South') ]
			} ]
		});
		me.callParent(arguments);
	}
});
